<template>
    <div>
         <topNav txt="公司" :mode="4"  class="nav_bg"></topNav>
         <div class="main">
             <!-- <div class="list" v-for="(item,index) in list" :key="index" :class="{border_t_b: index%2 == 0,}" @click="skips(item)">
                 <img :src="item.img" alt="">
                 <span :style="'color:'+ item.color">{{item.text}}</span>
             </div> -->

             <div class="list border_t_b"  @click="skips(list[0])">
                 <img src="../../../static/images/company/company1.png" alt="">
                 <span style="color:#FA5359">总考勤</span>
             </div>
              <div class="list"  @click="skips(list[1])">
                 <img src="../../../static/images/company/company2.png" alt="">
                 <span style="color:#607585">总报表</span>
             </div>
              <div class="list border_t_b"  @click="skips(list[2])">
                 <img src="../../../static/images/company/company3.png" alt="">
                 <span style="color:#F58934">总台回访</span>
             </div>
              <div class="list"  @click="skips(list[3])">
                 <img src="../../../static/images/company/company4.png" alt="">
                 <span style="color:#9CC7F3">总基盘客户</span>
             </div>
              <div class="list border_t_b"  @click="skips(list[4])">
                 <img src="../../../static/images/company/company5.png" alt="">
                 <span style="color:#58A5ED">个人成交率数据</span>
             </div>
              <div class="list"  @click="skips(list[5])">
                 <img src="../../../static/images/company/company6.png" alt="">
                 <span style="color:#98A48E">建团队</span>
             </div>
              <div class="list border_t_b"  @click="skips(list[6])">
                 <img src="../../../static/images/company/company7.png" alt="">
                 <span style="color:#6891B5">注册公司</span>
             </div>
           
         </div>
    </div>
</template>
<script>
import topNav from "@/components/return"
export default {
     components: {
    topNav
  }, 
  data(){
      return{
      list:[{img:'../../../static/images/company/company1.png',text:'总考勤',color:'#FA5359',path:'/checkwork'},
      {img:'../../../static/images/company/company2.png',text:'总报表',color:'#607585',path:'/allcheckwork'},
      {img:'../../../static/images/company/company3.png',text:'总台回访',color:'#F58934',path:'/checkwork'},
      {img:'../../../static/images/company/company4.png',text:'总基盘客户',color:'#9CC7F3',path:'/checkwork'},
      {img:'../../../static/images/company/company5.png',text:'个人成交率数据',color:'#58A5ED',path:'/checkwork'},
      {img:'../../../static/images/company/company6.png',text:'建团队',color:'#98A48E',path:'/team'},
      {img:'../../../static/images/company/company7.png',text:'注册公司',color:'#6891B5',path:'/registercom'}]
      }
  },
  methods:{
      skips(item){
          this.$router.push({path:item.path,query:{name:item.text}})
      }
  }
  
}
</script>
<style  scoped>
.nav_bg{
    background: #4AC7D7;
    color: white;
}
.main{
    display: flex;
   
    flex-wrap: wrap;
    margin: 20px 20px 0 20px;
}
.list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 49%;
    height: 20vh;
    border-bottom: 1px solid #e3e4e5;
    
}
.list img{
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}
.border_t_b{
    border-bottom:1px solid #e3e4e5;
    border-right: 1px solid #e3e4e5;
}
</style>